<%--
  Created by IntelliJ IDEA.
  User: 86185
  Date: 2024/6/21
  Time: 9:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="zxx">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/boxicons.min.css">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/meanmenu.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <link rel="icon" type="image/png" href="assets/images/favicon.png">

    <title>Lixa</title>
</head>
<body>

<div class="preloader">
    <div class="lds-ripple">
        <div class="pl-flip-1 pl-flip-2"></div>
    </div>
</div>


<header class="header-area">

    <div class="top-header">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4 col-md-6">
                    <div class="header-left-content">
                        <ul class="contact-info">
                            <li>
                                <i class="bx bx-envelope"></i>
                                <a href="/cdn-cgi/l/email-protection#afc6c1c9c0efc3c6d7ce81ccc0c2">
                                    <span class="__cf_email__" data-cfemail="dbb2b5bdb49bb7b2a3baf5b8b4b6">[email&#160;protected]</span>
                                </a>
                            </li>
                            <li>
                                <div class="languages-switcher">
                                    <i class="bx bx-world"></i>
                                    <select>
                                        <option value="1">English</option>
                                        <option value="2">العربيّة</option>
                                        <option value="3">Deutsch</option>
                                        <option value="4">Português</option>
                                        <option value="5">简体中文</option>
                                    </select>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="offer-content">
                        <div class="offer-slider owl-carousel owl-theme">
                            <p>New Arrival Up To <a href="shop.html">60% Off</a> Shop Now</p>
                            <p>New Arrival Up To <a href="shop.html">50% Off</a> Shop Now</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 offset-md-3 offset-lg-0">
                    <div class="header-right-content">
                        <ul class="social-link">
                            <li>
                                <a href="#" target="_blank">
                                    <i class="bx bxl-facebook"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <i class="bx bxl-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <i class="bx bxl-pinterest-alt"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>


<div class="modal fade search-modal-area" id="exampleModalsrc">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <button type="button" data-bs-dismiss="modal" class="closer-btn">
                <i class="bx bx-x"></i>
            </button>
            <div class="modal-body">
                <form class="search-box">
                    <div class="search-input">
                        <input type="text" name="Search" placeholder="Search for..." class="form-control">
                        <button type="submit" class="search-btn">
                            <i class="bx bx-search"></i>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="sidebar-modal">
    <div class="sidebar-modal-inner">
        <div class="sidebar-header">
            <div class="sidebar-logo">
                <img src="assets/images/logo.png" alt="Image">
            </div>
            <span class="close-btn sidebar-modal-close-btn">
<i class="bx bx-x"></i>
</span>
        </div>
        <div class="recent-product">
            <h3>Recent Products</h3>
            <ul>
                <li>
                    <a href="shop-details.html">
                        <img src="assets/images/recent-product/recent-product-1.jpg" alt="image">
                    </a>
                </li>
                <li>
                    <a href="shop-details.html">
                        <img src="assets/images/recent-product/recent-product-2.jpg" alt="image">
                    </a>
                </li>
                <li>
                    <a href="shop-details.html">
                        <img src="assets/images/recent-product/recent-product-3.jpg" alt="image">
                    </a>
                </li>
                <li>
                    <a href="shop-details.html">
                        <img src="assets/images/recent-product/recent-product-4.jpg" alt="image">
                    </a>
                </li>
                <li>
                    <a href="shop-details.html">
                        <img src="assets/images/recent-product/recent-product-5.jpg" alt="image">
                    </a>
                </li>
                <li>
                    <a href="shop-details.html">
                        <img src="assets/images/recent-product/recent-product-6.jpg" alt="image">
                    </a>
                </li>
            </ul>
        </div>
        <div class="contact-us">
            <h3>Contact Us</h3>
            <ul>
                <li>
                    <i class="bx bx-location-plus"></i>
                    123, Western Road, Melbourne Australia
                </li>
                <li>
                    <i class="bx bx-envelope"></i>
                    <a href="/cdn-cgi/l/email-protection#3c54595050537c5055445d125f5351"><span class="__cf_email__"
                                                                                               data-cfemail="046c6168686b44686d7c652a676b69">[email&#160;protected]</span></a>
                    <a href="/cdn-cgi/l/email-protection#aec7c0c8c1eec2c7d6cf80cdc1c3"><span class="__cf_email__"
                                                                                             data-cfemail="1871767e775874716079367b7775">[email&#160;protected]</span></a>
                </li>
                <li>
                    <i class="bx bx-phone-call"></i>
                    <a href="tel:+1-(143)-258-1856">+1 (143) 258-1856</a>
                    <a href="tel:+1-(514)-312-6688">+1 (514) 312-6688</a>
                </li>
            </ul>
        </div>
    </div>
</div>


<div class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h2>Log In</h2>
            <ul>
                <li>
                    <a href="index.html">
                        Home
                    </a>
                </li>
                <li>Pages</li>
                <li class="active">Log In</li>
            </ul>
        </div>
    </div>
</div>


<section class="user-area log-in-area ptb-100">
    <div class="container">
        <div class="user-form-content">
            <h3>Log In to Your Account</h3>
            <form class="user-form" action="../UserLoginServlet">
                <div class="row">
                    <div class="col-12">
                        <div class="form-group">
                            <label>Username</label>
                            <input class="form-control" type="text" name="username" value="dijia">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label>Password</label>
                            <input class="form-control" type="password" name="password" value="dijia">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="login-action">
<span class="log-rem">
<input id="remember-2" type="checkbox">
<label>Keep me logged in</label>
</span>
                            <span class="forgot-login">
<a href="#">Forgot your password?</a>
</span>
                        </div>
                    </div>
                    <div class="col-12">
                        <a class="default-btn" href="../UserLoginServlet?state=1">
                            Visitor login
                        </a>
                    </div><div class="col-12">
                    <button class="default-btn" type="submit">
                        Log In
                    </button>
                </div>
                    <div class="col-12">
                        <span class="or">Or</span>
                    </div>
                    <div class="col-12">
                        <a href="#" class="or-login">
                            <i class="bx bxl-facebook"></i>
                            Login with Facebook
                        </a>
                    </div>
                    <div class="col-12">
                        <a href="#" class="or-login google">
                            <i class="bx bxl-google"></i>
                            Login with Google
                        </a>
                    </div>
                    <div class="col-12">
                        <p class="create">Don’t Have an Account? <a href="register.jsp">Create</a></p>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>


<footer class="footer-area pt-100 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="single-footer-widget">
                    <h3>About Us</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique beatae laudantium alias
                        aspernatur officiis, ab voluptatum asperiores repudiandae! Quia qui quasi quaerat quisquam
                        delectus culpa rem dolores impedit.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="single-footer-widget">
                    <h3>My Account</h3>
                    <ul class="import-link">
                        <li>
                            <a href="my-account.html">My Account</a>
                        </li>
                        <li>
                            <a href="checkout.html">Order History</a>
                        </li>
                        <li>
                            <a href="wishlist.html">Wishlist</a>
                        </li>
                        <li>
                            <a href="privacy-policy.html">Privacy Policy</a>
                        </li>
                        <li>
                            <a href="faq.html">Faq</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="single-footer-widget">
                    <h3>Categories</h3>
                    <ul class="import-link">
                        <li>
                            <a href="#">Decorative</a>
                        </li>
                        <li>
                            <a href="#">Kitchen Ultrens</a>
                        </li>
                        <li>
                            <a href="#">Chair & Bar Stools</a>
                        </li>
                        <li>
                            <a href="#">Sofa & Armchair</a>
                        </li>
                        <li>
                            <a href="#">Interior Lighting</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="single-footer-widget">
                    <h3>Contact Us</h3>
                    <ul class="address">
                        <li>
                            <span>Phone</span>
                            <i class="bx bx-phone"></i>
                            <a href="tel:+1-(143)-258-1856">+1 (143) 258-1856</a>
                        </li>
                        <li>
                            <span>Email</span>
                            <i class="bx bx-envelope"></i>
                            <a href="/cdn-cgi/l/email-protection#630a0d050c230f0a1b024d000c0e"><span
                                    class="__cf_email__" data-cfemail="bad3d4dcd5fad6d3c2db94d9d5d7">[email&#160;protected]</span></a>
                        </li>
                        <li class="location">
                            <Span>Address</Span>
                            <i class="bx bx-location-plus"></i>
                            123, Western Road, Melbourne Australia
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row mt-30">
            <div class="col-lg-3">
                <div class="single-widget-bottom">
                    <h3>Follow Us</h3>
                    <ul class="social-icon">
                        <li>
                            <a href="#" target="_blank">
                                <i class="bx bxl-facebook"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <i class="bx bxl-instagram"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <i class="bx bxl-linkedin-square"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <i class="bx bxl-twitter"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="single-widget-bottom">
                    <h3>Subscribe Newsletter</h3>
                    <form class="newsletter-form" data-toggle="validator">
                        <input type="email" class="form-control" placeholder="Enter email address" name="EMAIL" required
                               autocomplete="off">
                        <button class="default-btn" type="submit">
                            <i class="bx bxs-send"></i>
                            Subscribe
                        </button>
                        <div id="validator-newsletter" class="form-result"></div>
                    </form>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="single-widget-bottom">
                    <h3>Payment Method</h3>
                    <ul class="payment">
                        <li>
                            <a href="#" target="_blank">
                                <img src="assets/images/payment/card-1.jpg" alt="Image">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <img src="assets/images/payment/card-2.jpg" alt="Image">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <img src="assets/images/payment/card-3.jpg" alt="Image">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <img src="assets/images/payment/card-4.jpg" alt="Image">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>


<div class="copy-right-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank"
                                                                             href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </p>
            </div>
            <div class="col-lg-6">
                <ul class="terms-condition">
                    <li>
                        <a href="terms-condition.html">Terms & Condition</a>
                    </li>
                    <li>
                        <a href="privacy-policy.html">Privacy Policy</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="go-top">
    <i class="bx bx-chevrons-up"></i>
    <i class="bx bx-chevrons-up"></i>
</div>


<script src="assets/js/jquery.min.js"></script>

<script src="assets/js/bootstrap.bundle.min.js"></script>

<script src="assets/js/meanmenu.min.js"></script>

<script src="assets/js/owl.carousel.min.js"></script>

<script src="assets/js/wow.min.js"></script>

<script src="assets/js/form-validator.min.js"></script>

<script src="assets/js/contact-form-script.js"></script>

<script src="assets/js/ajaxchimp.min.js"></script>

<script src="assets/js/range-slider.min.js"></script>

<script src="assets/js/custom.js"></script>
</body>
</html>
